<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script src="${ctx}/static/my_css_js/js/jquery-1.10.2.min.js"></script>
<script src="${ctx}/static/my_css_js/js/my.js" ></script>
<script src="${ctx}/static/my_css_js/js/bootstrap.min.js"  type="text/javascript" ></script>
<script>
    $(function(){
        $("#clock3").MyDigitClock({
            fontSize:14,
            fontColor:"#000",
            background:"rgba(0,0,0,.0)",
            fontWeight:"500",
            timeFormat: '{YY}-{RR} {HH}:{MM}:{SS}'
        });
    });
</script>

<!--Easy Pie Chart-->
<!--skycons-icons-->
<script src="${ctx}/static/my_css_js/js/skycons.js"></script>
<%--<script src="${ctx}/static/my_css_js/js/jquery.easydropdown.js"></script>--%>

<script type="text/javascript" src="${ctx}/static/my_css_js/js/vroom.js"></script>
<script type="text/javascript" src="${ctx}/static/my_css_js/js/TweenLite.min.js"></script>
<script type="text/javascript" src="${ctx}/static/my_css_js/js/CSSPlugin.min.js"></script>
<script type="text/javascript" src="${ctx}/static/my_css_js/js/bootbox/bootbox.js"></script>
<script type="text/javascript" src="${ctx}/static/my_css_js/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="${ctx}/static/my_css_js/js/jquery.form.js"></script>
<script src="${ctx}/static/my_css_js/js/jquery.nicescroll.js"></script>
<script src="${ctx}/static/my_css_js/js/scripts.js"></script>



<!-- Bootstrap Core JavaScript -->

<script>
    var toggle = true;

    $(".sidebar-icon").click(function() {
        if (toggle)
        {
            $(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
            $("#menu span").css({"position":"absolute"});
        }
        else
        {
            $(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
            setTimeout(function() {
                $("#menu span").css({"position":"relative"});
            }, 400);
        }

        toggle = !toggle;
    });
</script>
<script type="text/javascript">

    function DropDown(el) {
        this.dd = el;
        this.placeholder = this.dd.children('span');
        this.opts = this.dd.find('ul.dropdown > li');
        this.val = '';
        this.index = -1;
        this.initEvents();
    }
    DropDown.prototype = {
        initEvents : function() {
            var obj = this;

            obj.dd.on('click', function(event){
                $(this).toggleClass('active');
                return false;
            });

            obj.opts.on('click',function(){
                var opt = $(this);
                obj.val = opt.text();
                obj.index = opt.index();
                obj.placeholder.text(obj.val);
            });
        },
        getValue : function() {
            return this.val;
        },
        getIndex : function() {
            return this.index;
        }
    }

    $(function() {

        var dd = new DropDown( $('#dd') );

        $(document).click(function() {
            // all dropdowns
            $('.wrapper-dropdown-3').removeClass('active');
        });

    });

</script>
























